﻿@model SuCasa.Models.LogOnModel

@{
    ViewBag.Title = "Log On";
}
<section id="LogOn">
    <div class="page-header">
        <h1>Log On</h1>
    </div>
    <div class="row">
        <div class="span12 columns">
            <p>
                Please enter your user name and password. @Html.ActionLink("Register", "Register") if you don't have an account.
            </p>
            <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

            @Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")

            @using (Html.BeginForm()) {    
                    <fieldset>
                        <legend>Account Information</legend>
                        <div class="clearfix">
                            @Html.LabelFor(m => m.UserName)
                            <div class="input">
                                @Html.TextBoxFor(m => m.UserName, new { @class = "xlarge"})
                                @Html.ValidationMessageFor(m => m.UserName)
                            </div>
                        </div>
                        <div class="clearfix">
                            @Html.LabelFor(m => m.Password)
                            <div class="input">
                                @Html.TextBoxFor(m => m.Password, new { @class = "xlarge"})
                                @Html.ValidationMessageFor(m => m.Password)
                            </div>
                        </div>
                        <div class="clearfix">                            
                            <div class="input">
                                @Html.CheckBoxFor(m => m.RememberMe)
                                <span>Remember me?</span>
                            </div>
                        </div>
                        <div class="actions">
                            <input type="submit" class="btn primary" value="Log On" />
                        </div>
                    </fieldset>
            }

        </div>
    </div>
</section>